// comoponents/test/index.js
Component({
    /**
     * 组件的属性列表 , 类似vue的props
     */
    properties: {
        str: String
    },

    /**
     * 组件的初始数据
     */
    data: {
        num: 100,
        person:{
            age:12
        }
    },

    /**
     * 组件的方法列表
     */
    methods: {
        addNum() {
            this.setData({
                num:this.data.num + 10
            })
        },
        addStr() {
            this.setData({
                str:this.data.str + '美'
            })
        },
        addAge() {
            this.setData({
                'person.age':this.data.person.age + 1
            })
        },
    },
    // 监听
    observers:{
        // 单个变量
        num:function(newVal) {
            console.log(newVal);
        },
        // 多个变量
        'num,str':function(newVal1,newVal2) {
            console.log(newVal1,newVal2);
        },
        // 对象某个属性变化
        'person.age':function(newVal) {
            console.log(newVal);     
        },
        // 对象里面任意一个属性变化
        'person.**':function(newVal) {
            console.log(newVal);
        },
        // 只要setData就执行
        '**':function(newVal) {
            console.log(newVal);
        },
    }
})
